<div class="col-md-12">
  <div class="box box-solid">
    <div class="box-header with-border">
    </div>
    <!-- /.box-header -->
    <div class="box-body">
      <p-dataTable
        [value]="problems"
        [style]="{'text-align':'center'}">
        <p-column field="title" header="标题">
          <ng-template let-col let-data="rowData" let-ri="rowIndex" pTemplate="body">
            <a routerLink="/problems">{{data.title}}</a>
          </ng-template>
        </p-column>
        <p-column field="creator" header="创建者"></p-column>
        <p-column field="company" header="单位"></p-column>
        <p-column field="type" header="类型"></p-column>
        <p-column field="state" header="状态"></p-column>
      </p-dataTable>
    <p-paginator [rows]="10" [totalRecords]="100"></p-paginator>
    </div>
    <!-- /.box-body -->
  </div>
  <!-- /.box -->
</div>
